<template>
  <div class="dashboard-container">
    <h1>新闻后台管理系统 - 仪表盘</h1>
    <n-card title="统计数据">
      <n-grid cols="3" x-gap="12" y-gap="12">
        <n-gi>
          <n-statistic label="新闻总数" :value="123" />
        </n-gi>
        <n-gi>
          <n-statistic label="用户总数" :value="45" />
        </n-gi>
        <n-gi>
          <n-statistic label="评论总数" :value="678" />
        </n-gi>
      </n-grid>
    </n-card>
  </div>
</template>

<script setup lang="ts">
import { NCard, NGrid, NGi, NStatistic } from 'naive-ui'
</script>

<style scoped>
.dashboard-container {
  padding: 20px;
}
</style>